import "./App.css";

import Demo1 from "./Demo1";
import Demo2 from "./Demo2";
import Demo3 from "./Demo3";
import Demo4 from "./Demo4";
import Demo5 from "./Demo5";
import Demo6 from "./Demo6";
import Demo7 from "./Demo7";
import Demo8 from "./Demo8";
import React from "react";

function App() {
  return (
    <div className="App">
      <h2>Axios</h2>
      <Demo8 />
      <h2>自定义Hooks</h2>
      <Demo7 />
      <Demo4 />
      <Demo5 />
      <Demo6 />
      <h2>在使用 Context API 的时候, 要避免不必要的re-render</h2>
      <Demo1 />
      <Demo2 />
      <Demo3 />
    </div>
  );
}

export default App;
